.home {
  width: 100vw;
  height: 100vh;
  .swiper {
    width: 100%;
    height: 140px;
  }

  header {
    transition: all 0.3s;
  }

  .finished {
    width: 100%;
    text-align: center;
    color: #d2d6db;
    font-size: 16px;
    padding: 40px 0;
  }

  .film {
    width: calc(100% - 30px);
    margin: auto;
    height: 95px;
    padding: 15px 0;

    border-bottom: 1px solid #ededed;

    display: flex;
    justify-content: space-between;
    align-items: center;

    .poster {
      width: 65px;
      height: 95px;
    }

    .info {
      flex: 1;
      height: 100%;
      // background-color: red;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-left: 10px;
      box-sizing: border-box;

      .title {
        font-size: 16px;
        color: #000;
        span {
          font-size: 12px;
          border-radius: 3px;
          background-color: #d2d6db;
          color: #fff;
          margin-left: 5px;
          padding: 0 5px;
        }
      }
      .author,
      .time {
        color: #797d81;
      }
    }

    .buy {
      padding: 7px 12px;
      border: solid 1px #ffb132;
      color: #ffb132;
      font-size: 12px;
      border-radius: 3px;
    }
  }
}
